<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta content="化妆品网" name="keywords"/>
<meta name="description" content="化妆品网"/>
<title>化妆品网 - 订单</title>
<link href="css/base.css" rel="stylesheet" type="text/css"/>
<link href="css/index.css" rel="stylesheet" type="text/css"/>
<link href="css/common.css" rel="stylesheet" type="text/css"/>
<link href="css/service.css" rel="stylesheet" type="text/css"/>
<!--[if IE 6]>
<script type="text/javascript">
    alert('请您升级到IE6或以上版本!');
    window.open("http://www.baidu.com/search/theie6countdown.html","_self");
</script>
<![endif]-->
</head>
<body>
<!--主体内容 Str-->
<div class="content">
	<ul class="bodybg">
		<li style="display:block"><img src="images/bodybg-1.jpg"/></li>
		<li><img src="images/bodybg-2.jpg"/></li>
		<li><img src="images/bodybg-3.jpg"/></li>
	</ul>
	<!--背景图片-->
	<!--主体内容 Str-->
	<div class="main">
		<a href="index.html"><img src="images/logo.png" class="logo"/></a>
		<div class="menu">
			<a href="cosmetics.html">化妆品</a>/
			<a href="luxury.html">奢侈品</a>/
			<a href="hotsell.html">热销品</a>/
			<a href="others.html">其他</a>/
			<a href="javascript:;" class="regedit">注册</a>/
			<a href="javascript:;" class="login">登录</a>
		</div>
		<!--导航-->
		<div class="main-bottom">
			<div class="left">
				<div class="nav reserve">
					<div class="nav-link">
						<a href="index.html">HOME</a>|
						<a href="cosmetics.html">COSMETICS</a>|
						<a href="hotsell.html">HOTSELL</a>|
						<a href="luxury.html">LUXURY</a>
					</div>
				</div>
				<!--大英文-->
				<div class="write">
					<p>
						化妆品网四大优势
					</p>
					<p>
						1：由于本人至今仍在韩留学，所以产品更新快 流行趋势把握准，给你们一个让人羡慕的韩流风尚
					</p>
					<p>
						2：我们拥有强大队伍，从订货到发货全部是一体化服务从而降低成本，给你们一个称心的购物历程
					</p>
					<p>
						3：我们拥有专业的咨询师，可以通过您的皮肤属性介绍相对的产品，，给你们一个可以了解自己皮肤年龄的购物历程
					</p>
					<p>
						4：我们会在国内大连 沈阳 锦州 丹东 广州 等 设置销售点给你们带来一个安心的购物历程
					</p>
					<p>
						* 货到付款部分地区，请缴纳10元~20元的快递费
					</p>
				</div>
				<!--文字-->
			</div>
			<!--左侧-->
			<div class="right">
				<div class="search tm">
					<input type="text" value="" class="search-text"/>
					<input type="button" value="" class="search-btn"/>
				</div>
				<!--搜索框-->
				<div class="clear">
				</div>
				<!--清除浮动-->
				<div class="r-main tm" style="height:450px;">
					<ul class="order">
						<li>
						<span>产品类型：</span>
						<div class="SelectControl" onmouseover="funcSetOn(this,1)" onmouseout="funcSetOn(this,0)" onclick="funcSel(this)" state="" style="z-index:101">
							<input readonly="readonly" value="产品类型"/><span class="arrow"></span>
							<ul style="display:none; z-index:101">
								<li>化妆品</li>
								<li>奢侈品</li>
								<li>热销品</li>
								<li>其他</li>
							</ul>
						</div>
						<!--下拉列表-->
						</li>
						<li>
						<span>产品品牌：</span>
						<div class="SelectControl" onmouseover="funcSetOn(this,1)" onmouseout="funcSetOn(this,0)" onclick="funcSel(this)" state="" style="z-index:100">
							<input readonly="readonly" value="产品品牌"/><span class="arrow"></span>
							<ul style="display:none; z-index:100">
								<li>holika holika</li>
								<li>innisfree</li>
								<li>missha</li>
								<li>Tonymoly</li>
								<li>too cool for school</li>
								<li>爱丽小屋</li>
								<li>兰姿</li>
								<li>雅诗兰黛</li>
							</ul>
						</div>
						<!--下拉列表-->
						</li>
						<li>
						<span>产品名称：</span>
						<div class="SelectControl" onmouseover="funcSetOn(this,1)" onmouseout="funcSetOn(this,0)" onclick="funcSel(this)" state="" style="z-index:99">
							<input readonly="readonly" value="产品名称"/><span class="arrow"></span>
							<ul style="display:none; z-index:99">
								<li>蜂蜜面膜</li>
								<li>橄榄面膜</li>
								<li>艾草面膜</li>
								<li>百年草保湿紧肤水</li>
								<li>百年草保湿紧致眼霜</li>
								<li>百年草睡眠面膜</li>
								<li>大豆面膜</li>
								<li>大米睡眠面膜</li>
							</ul>
						</div>
						<!--下拉列表-->
						</li>
						<li>
						<span>预订数量：</span>
						<div class="order-num">
							<span><img src="images/subtract.png" class="subtract"/></span>
							<input type="text" value=""/>
							<span><img src="images/add.png"/></span>
						</div>
						</li>
						<li>
						<span>收<em class="pl6"></em>货<em class="pl6"></em>人：</span>
						<div class="order-text">
							<input type="text" value=""/>
						</div>
						</li>
						<li>
						<span>手机号码：</span>
						<div class="order-text">
							<input type="text" value=""/>
						</div>
						</li>
						<li style="height:90px;">
						<span>预订留言：</span>
						<textarea></textarea>
						</li style="height:50px;">
						<li>
						<span></span>
						<input id="orderbtn" href="#ordercon" type="button" class="order-btn" value=""/>
						</li>
					</ul>
				</div>
				<!--订单区域-->
			</div>
			<!--右侧-->
		</div>
		<!--下部分内容-->
	</div>
	<!--中间内容 End-->
</div>
<!--主体内容 End-->
<!--按钮提交界面 Str-->
<div class="zeng_msgbox_layer_wrap" id="q_Msgbox" style="top: 253px; display:none ">
	<span id="mode_tips_v2" style="z-index: 10000;" class="zeng_msgbox_layer"><span class="gtl_ico_succ">
	</span>提交成功！</span><span class="gtl_end"></span>
</div>
<!--按钮提交界面 End-->
<!--网页底部 Str-->
<div class="footer">
	<div class="f-main">
		<div class="f-left">
			<a href="index.html" style="margin-left:0">网站首页</a>|
			<a href="cosmetics.html">化妆品</a>|
			<a href="luxury.html">奢侈品</a>| 
			<a href="hotsell.html">热销品</a>|
			<a href="others.html">其他</a><br>
			<span>COPYRIGHT(C) 2013 HuaZhuangPin  ALL RIGHT RESERVED.</span>
		</div>
		<!--左侧-->
		<div class="f-right">
			<ul id="link">
				<li><a href="#">友情链接</a>
				<ul class="sub tm">
					<li><a href="#">雅诗兰黛</a></li>
					<li><a href="#">holikaholika</a></li>
					<li><a href="#">爱丽小屋</a></li>
					<li><a href="#">韩国化妆品</a></li>
				</ul>
				</li>
			</ul>
		</div>
		<!--右侧-->
	</div>
</div>
<!--网页底部 End-->
<!--在线客服 STr-->
<div class="online">
	<div class="o-main">
		<div class="close-btn">
		</div>
		<!--关闭按钮-->
		<a class="kf-btn" href="http://amos.im.alisoft.com/msg.aw?v=2&uid=1120173856 &site=cntaobao&s=2&charset=utf-8" target="_blank"><img src="images/kefu-btn.jpg"/></a>
		<!--在线咨询-->
		<div class="o-write">
    欢迎来到化妆品网，产品的功效和介绍请咨询我们咨询师
			<br/>
打造一个完全不同的购物历程，你们满意的笑容，就是我们最大的欣慰
		</div>
		<!--文字-->
	</div>
</div>
<!--在线客服 End-->
<!--右侧客服 Str-->
<div id="msg_win" style="display:block;visibility:visible;opacity:1;">
	<div class="icos">
		<a id="msg_min" style="height:15px; width:15px;" title="最小化" href="javascript:void 0"></a><a id="msg_close" title="关闭" href="javascript:void 0" style="display:none"></a>
	</div>
	<div id="msg_title">
		化妆品网
	</div>
	<div id="msg_content">
		<div class="service">
			<div class="hd">
				<h3>咨询中心</h3>
				<p>
					SERVICE
				</p>
			</div>
			<div class="service_content">
				<ul>
					<li>
					<span>旺旺在线：</span>
					<div class="serv">
						<a href="http://amos.im.alisoft.com/msg.aw?v=2&uid=1120173856 &site=cntaobao&s=2&charset=utf-8" target="_blank"><img src="images/icon-ww.jpg"/>化妆品网
						</a>
					</div>
					</li>
					<li>
					<span>旺旺在线：</span>
					<div class="serv">
						<a href="http://amos.im.alisoft.com/msg.aw?v=2&uid=1120173856 &site=cntaobao&s=2&charset=utf-8" target="_blank"><img src="images/icon-ww.jpg"/>化妆品网yoyo
						</a>
					</div>
					</li>
					<li>
					<span>旺旺在线：</span>
					<div class="serv">
						<a href="http://amos.im.alisoft.com/msg.aw?v=2&uid=1120173856 &site=cntaobao&s=2&charset=utf-8" target="_blank"><img src="images/icon-ww.jpg"/>化妆品网lolo
						</a>
					</div>
					</li>
					<li>
					<span>QQ在线：</span>
					<div class="serv">
						<a target="_blank" href=" http://wpa.qq.com/msgrd?v="1&Uin=1120173856" &site="化妆品网欢迎你&Menu=yes"">
						<img src="images/icon-qq.jpg"/>
化妆品网
						</a>
					</div>
					</li>
					<li>
					<span>Skype在线：</span>
					<div class="serv">

						<a href="skype:1120173856?chat" onclick="return skypeCheck();"><img src="images/icon-skype.jpg"/>化妆品网</a>
					</div>
					</li>
					</li>
				</ul>
			</div>
		</div>
		<div class="top_head" id="totop">
			<a href="#hoend">回到顶部</a>
		</div>
	</div>
</div>
<!--右侧客服 End-->
<div id="login">
	<div id="login-top">
		<span style="float:left; margin-left:10px;">用户登录</span>
		<span style="float:right; margin-right:10px;" class="rg-close">关闭</span>
	</div>
	<!--登录顶部-->
	<div id="login-content">
		<div id="logo">
		</div>
		<!--logo部分-->
		<div id="middle-line">
		</div>
		<!--中线-->
		<div id="login-form">
			<form id="form1" name="form1" method="post" action="">
				<table border="0" cellpadding="0" cellspacing="0">
				<tr>
					<td colspan="3" align="left">
						&nbsp;
					</td>
				</tr>
				<tr>
					<td colspan="3" align="left">
						欢迎你的登录
					</td>
				</tr>
				<tr>
					<td width="30">
						帐号
					</td>
					<td colspan="2" align="left">
						<input name="username" type="text" class="login-form-input-text" id="loginuser"/>
					</td>
				</tr>
				<tr>
					<td width="30" style="height:16px; line-height:16px;">
					</td>
					<td colspan="2" align="left" style="height:16px; line-height:16px;">
						<span id="f-tip"></span>
					</td>
				</tr>
				<tr>
					<td>
						密码
					</td>
					<td colspan="2" align="left">
						<input name="password" type="password" class="login-form-input-text" id="loginpass"/>
					</td>
				</tr>
				<tr>
					<td width="30" style="height:16px; line-height:16px;">
					</td>
					<td colspan="2" align="left" style="height:16px; line-height:16px;">
						<span id="g-tip"></span>
					</td>
				</tr>
				<tr>
					<td>
						&nbsp;
					</td>
					<td width="72" align="left">
						<input name="ok" type="image" src="images/login-buttom-1.gif" style="_margin-left:5px;*margin-left:5px!important;"/>
					</td>
					<td width="98" align="left">
						<input type="checkbox" class="checkbox"/>记住密码
					</td>
				</tr>
				</table>
			</form>
		</div>
		<!--登录表单-->
	</div>
	<!--登录内容-->
</div>
<!--登录-->
<div id="registration">
	<div id="registration-top">
		<span style="float:left; margin-left:10px;">用户注册</span>
		<span style="float:right; margin-right:10px;" class="rg-close">关闭</span>
	</div>
	<!--注册头部-->
	<div id="registration-content">
		<form method="post" name="form1" onsubmit="return regedit()">
			<table border="0" cellpadding="0" cellspacing="0" width="381">
			<tr>
				<td width="74">
					<span style="color:#a40000;">* </span>输入用户
				</td>
				<td width="145">
					<input name="username" id="username" type="text" class="registration-content-text" maxlength="10"/>
				</td>
				<td width="162" align="left">
					<span id="a-tip"></span>
				</td>
			</tr>
			<tr>
				<td>
					<span style="color:#a40000;">* </span>输入密码
				</td>
				<td>
					<input name="password" id="password" type="password" class="registration-content-text" maxlength="10"/>
				</td>
				<td align="left">
					<span id="b-tip"></span>
				</td>
			</tr>
			<tr>
				<td>
					<span style="color:#a40000;">* </span>确认密码
				</td>
				<td>
					<input name="nextpassword" id="password2" type="password" class="registration-content-text" maxlength="10"/>
				</td>
				<td align="left">
					<span id="c-tip"></span>
				</td>
			</tr>
			<tr>
				<td>
					<span style="color:#a40000;">* </span>邮箱地址
				</td>
				<td>
					<input name="email" id="email" type="text" class="registration-content-text"/>
				</td>
				<td align="left">
					<span id="d-tip"></span>
				</td>
			</tr>
			<tr>
				<td>
					<span style="color:#a40000;">* </span>手机号码
				</td>
				<td>
					<input name="phone" id="phone" type="text" class="registration-content-text"/>
				</td>
				<td align="left">
					<span id="e-tip"></span>
				</td>
			</tr>
			<tr>
				<td>
				</td>
				<td style="padding-top:5px;">
					<input type="image" src="images/regedit-buttom-1.gif" name="reg" onclick="regedit()"/>
					<img src="images/login-resert.gif" width="65" height="22"/>
				</td>
			</tr>
			</table>
		</form>
	</div>
	<!--注册中间内容-->
</div>
<!--注册-->
</body>
<script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="js/index.js" type="text/javascript"></script>
<script src="js/jquery.mousewheel-3.0.4.js" type="text/javascript"></script>
<script src="js/jquery.fancybox-1.3.4.js" type="text/javascript"></script>
<script src="js/service.js" type="text/javascript"></script>
<script src="js/select.js" type="text/javascript"></script>
<script src="js/verify.js" type="text/javascript"></script>
</html>